<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog treeList-dialog" ng-init="init();"
    ng-class="[dialog.mode]" style="background-color: #fafafa;">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="dialog.title | translate"></div>
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <img src="image/icons/clear.png"></img>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <div class="kmi-list type-list  none-column-split">
                <div class="kmi-list__header">
                    <div class="kmi-list__column" style="padding:0 8px;" ng-bind="('common.btn.search' | translate)+'：'" ></div>
                    <div class="kmi-text-fields" style="padding-right: 8px;">
                        <input ng-model="dialog.filterItem.query_input" ng-keyup="dialog.search($event);"></input>
                        <!--<div class="tip search" ng-click="dialog.searchEquipment();"><i class="material-icons" style="background:transparent;">search</i></div>-->
                    </div>
                </div>
                <div class="kmi-list__row-content">
                <div class="kmi-list__row" ng-repeat-start="item in dialog.itemList track by $index"
                    ng-class="{'is-close':!item.isSubShow, 'is-select':item.isSelect}" style="padding-right: 12px;">
                    <!-- <i class="material-icons close">remove</i>
                    <i class="material-icons open">add</i> -->
                    <img class="material-icons close" src="image/icons/24x24-1.png"></img>
                    <img class="material-icons open" src="image/icons/24x24.png"></img>
                    <div class="kmi-list__column checkbox" style="z-index:1;" ng-click="dialog.itemCheck(item);">
                        <button class="mdl-button mdl-js-button mdl-button--icon" >
                            <img class="unchecked" src="image/icons/check0.png"></img>
                            <img class="checked" src="image/icons/check1.png"></img>
                        </button>
                    </div>
                    <div class="kmi-list__column" style="flex:1;font-weight:600;" ng-bind="dialog.labelOutput(item)"></div>
                    <div class="kmi-can-click" ng-click="dialog.itemClick(item);"></div>
                </div>
                <div class="kmi-list inner-list none-scrollbar" ng-repeat-end ng-class="{'is-close':!item.isSubShow}">
                    <div class="kmi-list__row-content">
                        <div class="kmi-list__row" ng-repeat="subItem in item[dialog.subItemList] | filter : dialog.filterItem.query_input track by $index"
                            ng-class="{'is-select':subItem.isSelect}">
                            <div class="kmi-list__column checkbox" >
                                <button class="mdl-button mdl-js-button mdl-button--icon" >
                                    <img class="unchecked" src="image/icons/check0.png"></img>
                                    <img class="checked" src="image/icons/check1.png"></img>
                                </button>
                            </div>
                            <div class="kmi-list__column" style="flex:1;" ng-bind="dialog.subLabelOutput(subItem)"></div>
                            <div class="kmi-can-click" ng-click="dialog.subItemClick(item, subItem);"></div>
                        </div>
                    </div>
                </div>
                </div>
            </div>
        </div>
        <div class="btn-tool" style="display: flex; justify-content: flex-end;">
            <div class="kmi-button kmi-button-confrim" ng-click="dialog.confirm()" style="width:100px;">
                <label ng-bind="'common.btn.confirm' | translate"></label>
                <div class="kmi-can-click"></div>
            </div>
        </div>
    </div>
</div>
